<template>
	<view class="aboutUs">
		<view class="about_content">
			<view class="logo">
				<view class="">
					<image :src="usMsg.aboutlogo" mode=""></image>
				</view>
			</view>
			<view class="about_text">
				<view class="article">
					<rich-text :nodes="usMsg.aboutcontent"></rich-text>
					<text style="color: #ccc; text-align: center; display: block; font-size: 12px;">APP版本：{{buildVersion}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getAboutUs
	} from "../../../api/index.js"
	export default {
		data() {
			return {
				usMsg: {},
				buildVersion: ""
			};
		},
		onLoad() {
			this.onGetAboutUs()
			this.buildVersion = getApp().globalData.buildVersionNumber
		},
		methods: {
			async onGetAboutUs() {
				const res = await getAboutUs('s=/ApiZwyRequest/about')
				const {
					status,
					data,
					msg
				} = res.data
				if (status == 1) {
					this.usMsg = data
					// console.log(res, "res")
				} else {
					this.showToast(msg)
				}
			},

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}

	.aboutUs {
		height: 100vh;
		background: url('https://wx.2024csnl.com/static/mine/mine_bg.png') no-repeat;
		background-size: 750upx 540upx;
		display: flex;
		flex-direction: column;

		.about_content {
			flex: 1;
			padding: 140upx 30upx 36upx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;

			.logo {
				width: 100%;
				height: 1upx;
				position: relative;

				>view {
					width: 100%;
					position: absolute;
					top: -104upx;
					left: 0;
					display: flex;
					justify-content: center;

					image {
						width: 196upx;
						height: 196upx;
						border-radius: 50%;
					}
				}


			}

			.about_text {
				flex: 1;
				width: 100%;
				background-color: #fff;
				border-radius: 30upx;
				padding-top: 138upx;

				.title {
					font-size: 36upx;
					font-weight: Medium;
					text-align: center;
					margin-bottom: 40upx;
				}

				.article {
					padding: 0 48upx 40upx;
					box-sizing: border-box;
				}
			}
		}
	}
</style>
